.head {
    position: relative;
    display: flex;
    height: 24vmin;
    padding: 2vmin;
    z-index: 999;
    &-title {
        display: flex;
        align-items: center;
        justify-content: center;
        span {
            font-size: var(--title-font-size);
            color: #ffffff;
        }
    }
    &-back {
        --size: 5vmin;
        width: var(--size);
        height: var(--size);
        border-top: 1vmin solid var(--sub-color);
        border-left: 1vmin solid var(--sub-color);
        transform: translateX(3vmin) rotate(-45deg);
        margin-right: 5vmin;
        opacity: .64;
    }
    &-icon {
        display: flex;
        justify-content: flex-end;
        width: 100%;
        a {
            display: flex;
            align-items: center;
            justify-content: center;
            img {
                width: 10vmin;
            }
        }
    }
}